<template>
  <div class="flex items-center justify-center mt-5">
    <div class="w-1/3">
      <el-input
        v-model="input"
        style="width: 100%; height: 100%"
        placeholder="请输入商品信息"
        prefix-icon="el-icon-search"
      />
    </div>
    <div class="ml-2">
      <el-button
        type="primary"
        style="width: 100%; height: 100%"
        @click="handleSearch"
        >搜索</el-button
      >
    </div>
  </div>
</template>

<script>
export default {
  name: "InventorySearch",
  data() {
    return {
      input: "",
    };
  },

  emits: ["onSearch"],

  methods: {
    handleSearch() {
      this.$emit("onSearch", this.input);
    },
  },
};
</script>

<style></style>
